<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0">
		<title>小青果服务流程</title>
		<script type="text/javascript" src="js/init.js"></script>
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/1.css" />
		<style>
			.swiper-container {
			    width: 100%;
			    height: 100%;
			}  
		</style>
	</head>
	<body>
		<div class="swiper-container">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide wid100 hei100">
		        	<div class="geneDetection">
						<div class="geneDetection-top">
							<img src="images/model1/geneDetection.png" class="geneDetection-topBg"/>
							<div class="gdt-orangeTitle">
								<p>小青果·新生儿健康管理计划</p>
								<p>孕期：无创产前基因检测</p>
							</div>
							<div class="gdt-blackTitle">
								<p>不可逆转的唐氏综合征</p>
								<p>尽早发现正确应对</p>
							</div>
							<div class="gdt-grayTitle">
								<p>唐氏综合征的发病率，</p>
								<p>亚裔人种约为1:700，</p>
								<p>患者有明显的智能落后、</p>
								<p>特殊面容、生长发育障碍</p>
								<p>和多发畸形。</p>
								<p>目前，唐氏综合征是</p>
								<p>人类医学仍无法逆转的疾病，</p>
								<p>只能通过产前筛查，</p>
								<p>及早发现，</p>
								<p>早做决定。</p>
							</div>
						</div>
						<div class="geneDetection-bottom">
							<div class="gdb-top"></div>
							<div class="gdb-title">
								<p>小青果·新生儿健康管理计划</p>
								<p>无创产前基因检测技术优势：</p>
							</div>
							<div class="gbd-dec">
								<div class="dec">
									<span class="label">准确</span>
									<span class="fl">采用新一代测序技术，检出率≥99.9%。</span>
									<div class="clear"></div>
								</div>
								<div class="dec">
									<span class="label">无创</span>
									<span class="fl">只抽取10ml胎儿母体外周血。</span>
									<div class="clear"></div>
								</div>
								<div class="dec">
									<span class="label">安全</span>
									<span class="fl">避免胎儿宫内感染及孕妇流产。</span>
									<div class="clear"></div>
								</div>
								<div class="dec">
									<span class="label">早期</span>
									<span class="fl">孕12周即可接受无创产前基因检测。</span>
									<div class="clear"></div>
								</div>
								<div class="dec">
									<span class="label">规范</span>
									<span class="fl">完善的信息化管理流程及全面的质量管理体系。</span>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
		        </div>
		        <div class="swiper-slide wid100 hei100">
		        	<div class="cellStorage">
						<div class="cellStorage-top">
							<div class="cellStorage-topText">
								<div class="cst-orangeTitle">
									<p>小青果 · 新生儿健康管理计划 </p>
									<p>产时：新生儿干细胞存储</p>
								</div>
								<div class="cst-blackTitle">
									<p>新生儿干细胞存储</p>
									<p>每个人一生只有一次的机会</p>
								</div>
								<div class="cst-grayTitle">
									<p>干细胞即为起源细胞，医学界称为“万用细胞”。</p>
									<p>随着新世代医疗发展，它将可用于治疗多种疾病。</p>
									<div class="cst-grayTitleBottom">
										<p>宝宝出生时，是我们获得胎盘、</p>
										<p>脐带中大量优质干细胞资源的唯一机会。</p>
										<p>为宝宝存储新生儿干细胞，</p>
										<p>就是为他的健康备份了失不再得的生命资料，</p>
										<p>同时也是为他存储了“原始数据库”，</p>
										<p>让他有了将来全面享受精准医疗</p>
										<p>守护的基础，不留遗憾。</p>
									</div>
								</div>
							</div>
							<div class="imgBox">
								<img src="images/model1/cellStorageBg.png" class="cellStorage-topBg"/>
							</div>
						</div>
						<div class="cellStorage-bottom">
							<div class="csb-top"></div>
							<div class="csbText">
								<div class="csbTextBox">
									<div class="label">珍贵</div>
									<div class="dec">
										<p>新生儿干细胞是医学界公认的</p>
										<p>宝贵生命资源失不再得</p>
									</div>
									<div class="clear"></div>
								</div>
								<div class="csbTextBox">
									<div class="label">成熟</div>
									<div class="dec">
										<p>技术已经过多年积累完善</p>
										<p>有无数成功的临床案例</p>
									</div>
									<div class="clear"></div>
								</div>
								<div class="csbTextBox">
									<div class="label">价值</div>
									<div class="dec">
										<p>干细胞技术的临床应用研究进展迅猛</p>
										<p>成果累累未来一片光明</p>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
		        </div>
		        <div class="swiper-slide wid100 hei100">
		        	<div class="geneticMetabolism">
						<div class="geneticMetabolism-top">
							<img src="images/model1/geneticMetabolismBg.png" class="geneticMetabolism-topBg">
							<div class="gmt-text">
								<div class="gmt-orangeTitle">
									<p>小青果 · 新生儿健康管理计划 </p>
									<p>产后：新生儿遗传代谢病筛查</p>
								</div>
								<div class="gmt-blackTitle">
									<p>第一时间检测48种</p>
									<p>遗传代谢病</p>
								</div>
								<div class="gmt-grayTitle">
									<p>感谢参与小青果健康管理计划，</p>
									<p>小青果额外赠送</p>
									<p>每位参与者一份礼物：</p>
									<p>串联质谱筛查，</p>
									<p>检测48种遗传代谢病。</p>
									<p>遗传代谢病，</p>
									<p>涉及多种物质代谢异常，</p>
									<p>可导致多个系统受损。</p>
									<p>目前难以临床鉴别，危害极大。</p>
									<p>但如果尽早检测，了解疾病，</p>
									<p>严格控制相应的饮食，</p>
									<p>大部分患儿都能健康茁壮成长。</p>
								</div>
							</div>
							<div class="gmt-textBottom"></div>
						</div>
						<div class="geneticMetabolism-bottom">
							<div class="gmb-text">
								<div class="gmb-top">
									<p>小青果 · 新生儿健康管理计划</p>
									<p>新生儿遗传代谢病筛查优势:</p>
								</div>
								<div class="gmb-bottom">
									<div class="gmb-bottomBox">
										<div class="label">早期</div>
										<div class="dec">宝宝出生后三天即可安排检测。</div>
										<div class="clear"></div>
									</div>
									<div class="gmb-bottomBox">
										<div class="label">安全</div>
										<div class="dec">采集宝宝数滴足跟血即可检测。</div>
										<div class="clear"></div>
									</div>
									<div class="gmb-bottomBox">
										<div class="label">高效</div>
										<div class="dec">一次性检测48种遗传代谢病。</div>
										<div class="clear"></div>
									</div>
									<div class="gmb-bottomBox">
										<div class="label">先进</div>
										<div class="dec">欧、美、澳洲及中国台湾地区已普及。</div>
										<div class="clear"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
		        </div>
		        <div class="swiper-slide" class="wid100" style="height:0.01rem;"></div>
		    </div>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/swiper.js"></script>  
	<script type="text/javascript">
		$(function(e){
			
			/*var last_position_y = 0;
			var last_position_y_move = 0;
			
			$(window).on('touchstart',function(e){
				if (e.originalEvent.touches.length > 0) {
		            last_position_y = e.originalEvent.touches[0].pageY;
		       }
			});
			
			$(window).on('touchmove',function(e){
	          	if (e.originalEvent.touches.length > 0) {
		            last_position_y_move = e.originalEvent.touches[0].pageY;
		        }
			});*/
			
			var mySwiper = new Swiper ('.swiper-container', {
			    direction: 'vertical',
			    /*loop: true,*/
			    onSlideChangeStart: function(swiper){
			    	console.log(swiper.activeIndex);
			        if(swiper.activeIndex == 3){
			        	/*if(last_position_y_move < last_position_y ){
			        		window.location.href = '1-2.html';
			        	}*/
			        	/*$(window).on('touchend', function(e) {
				          	if(last_position_y > last_position_y_move) {
				            	
				          	}
			        	});*/
			        	window.location.href = '1-2.html';
			        };
			    }
			});  
			var myLocation = window.location.href;
			if(myLocation.match('id=2') == 'id=2'){
				mySwiper.slideTo(2,0,false);
			}
		});  
  	</script>
</html>
